<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:constants="http://www.tuanzi.com/constants/tags"
                xmlns:h="http://java.sun.com/jsf/html">


    <div class="ui-g">
        <div class="ui-g-12">
            <h3><b>全局信息</b></h3>
        </div>
        <div class="ui-g-2">
            <p:outputLabel value="模板ID"/>
        </div>
        <div class="ui-g-4">
            <p:inputText id="templateId" value="#{extraTemplateInfoBean.$.templateId}"
                         disabled="#{extraTemplateInfoBean.isView()}"/>
        </div>
        <div class="ui-g-2">
            <p:outputLabel value="模板名称"/>
        </div>
        <div class="ui-g-4">
            <p:inputText id="templateName" value="#{extraTemplateInfoBean.$.templateName}"
                         disabled="#{extraTemplateInfoBean.isView()}"/>
        </div>

        <div class="ui-g-2">
            <p:outputLabel value="PC端展示"/>
        </div>
        <div class="ui-g-4">
            <p:selectOneMenu id="pcShow" value="#{extraTemplateInfoBean.$.pcShow}"
                             disabled="#{extraTemplateInfoBean.isView()}">
                <f:selectItem itemLabel="- 请选择 -" itemValue=""
                              noSelectionOption="true"/>
                <f:selectItems
                        value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_PC_SHOW]}"
                        var="dic"
                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
            </p:selectOneMenu>
        </div>

        <div class="ui-g-12">
            <h3><b>Android页面</b></h3>
        </div>
        <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
            <h3><b>Banner区</b></h3>
            <div class="ui-g-2">
                <p:outputLabel value="网页标题"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="androidTitle" value="#{extraTemplateInfoBean.$.androidTitle}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="主题颜色"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu id="androidTheme" value="#{extraTemplateInfoBean.$.androidTheme}"
                                 disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                  noSelectionOption="true"/>
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_THEME]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="banner"/>
            </div>
            <div class="ui-g-1">
                <p:graphicImage id="androidBanner" url="#{extraTemplateInfoBean.$.androidBanner}" width="80"/>
            </div>
            <div class="ui-g-2">
                <p:fileUpload fileUploadListener="#{extraTemplateInfoBean.onUploadAndroidBanner}"
                              mode="advanced"
                              fileLimit="1"
                              auto="true"
                              fileLimitMessage="只能上传一个文件"
                              invalidFileMessage="不支持上传文件类型"
                              invalidSizeMessage="文件过大"
                              sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                              allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                              label="上传" update="@this androidBanner" process="@this"
                              disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-1">
                <p:commandButton value="删除"
                                 actionListener="#{extraTemplateInfoBean.deleteImg('androidBanner')}"
                                 update="androidBanner" process="@this"
                                 disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
        </div>
        <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
            <h3><b>登记区</b></h3>
            <div class="ui-g-2">
                <p:outputLabel value="登记类型"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu id="androidRegisterType" value="#{extraTemplateInfoBean.$.androidRegisterType}"
                                 disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                  noSelectionOption="true"/>
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_REGISTER_TYPE]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="登记框下信息（单选）"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu id="androidQuestion" value="#{extraTemplateInfoBean.$.androidQuestion}"
                                 disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                  noSelectionOption="true"/>
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_QUESTION]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="按钮文案"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="androidBtnText" value="#{extraTemplateInfoBean.$.androidBtnText}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="按钮下方文案"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="androidBtnBottomText" value="#{extraTemplateInfoBean.$.androidBtnBottomText}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="登记区背景"/>
            </div>
            <div class="ui-g-1">
                <p:graphicImage id="androidRegisterImg" url="#{extraTemplateInfoBean.$.androidRegisterImg}" width="80"/>
            </div>
            <div class="ui-g-2">
                <p:fileUpload fileUploadListener="#{extraTemplateInfoBean.onUploadAndroidRegisterImg}"
                              mode="advanced"
                              fileLimit="1"
                              auto="true"
                              fileLimitMessage="只能上传一个文件"
                              invalidFileMessage="不支持上传文件类型"
                              invalidSizeMessage="文件过大"
                              sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                              allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                              label="上传" update="@this androidRegisterImg" process="@this"
                              disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-1">
                <p:commandButton value="删除"
                                 actionListener="#{extraTemplateInfoBean.deleteImg('androidRegisterImg')}"
                                 update="androidRegisterImg" process="@this"
                                 disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="是否展示用户协议"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu  value="#{extraTemplateInfoBean.$.androidIsAgreement}"
                                 disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_AGREEMENT]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>

        </div>
        <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
            <h3><b>备注区</b></h3>
            <div class="ui-g-2">
                <p:outputLabel value="备注图"/>
            </div>
            <div class="ui-g-1">
                <p:graphicImage id="androidRemarkImg" url="#{extraTemplateInfoBean.$.androidRemarkImg}" width="80"/>
            </div>
            <div class="ui-g-2">
                <p:fileUpload fileUploadListener="#{extraTemplateInfoBean.onUploadAndroidRemarkImg}"
                              mode="advanced"
                              fileLimit="1"
                              auto="true"
                              fileLimitMessage="只能上传一个文件"
                              invalidFileMessage="不支持上传文件类型"
                              invalidSizeMessage="文件过大"
                              sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                              allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                              label="上传" update="@this androidRemarkImg" process="@this"
                              disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-1">
                <p:commandButton value="删除"
                                 actionListener="#{extraTemplateInfoBean.deleteImg('androidRemarkImg')}"
                                 update="androidRemarkImg" process="@this"
                                 disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="备注区文案"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="androidRemarkText" value="#{extraTemplateInfoBean.$.androidRemarkText}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
        </div>

        <p:outputPanel id="arecommend" styleClass="ui-g-12 ui-g-nopad">
            <div class="ui-g-12 card ui-g-nopad" style="background-color: #eff1f3;border-radius: 10px;">
                <div class="ui-g-12">
                    <div class="ui-g-4">
                        <p:outputLabel value="是否配置下载推荐"/>
                    </div>
                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.androidDown}"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <p:ajax event="change" process="@this" update="arecommend"/>
                            <f:selectItem itemLabel="否" itemValue="0" noSelectionOption="true"/>
                            <f:selectItem itemLabel="是" itemValue="1"/>
                        </p:selectOneMenu>
                    </div>
                </div>
                <p:panelGrid rendered="#{extraTemplateInfoBean.showAndroidRecommend()}">
                    <h3><b>推荐区</b></h3>
                    <div class="ui-g-2">
                        <p:outputLabel value="推荐产品1"/>
                    </div>
                    <div class="ui-g-2">
                        <p:outputLabel value="产品id"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu id="productId"
                                         value="#{extraTemplateInfoBean.androidDownList.get(0).productId}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductIds}"
                                    var="product"
                                    itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="产品渠道"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.androidDownList.get(0).channelCode}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductChannels}"
                                    var="channel"
                                    itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="推荐产品2"/>
                    </div>
                    <div class="ui-g-2">
                        <p:outputLabel value="产品id"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.androidDownList.get(1).productId}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductIds}"
                                    var="product"
                                    itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="产品渠道"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.androidDownList.get(1).channelCode}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductChannels}"
                                    var="channel"
                                    itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="推荐产品3"/>
                    </div>
                    <div class="ui-g-2">
                        <p:outputLabel value="产品id"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.androidDownList.get(2).productId}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductIds}"
                                    var="product"
                                    itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="产品渠道"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.androidDownList.get(2).channelCode}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductChannels}"
                                    var="channel"
                                    itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                        </p:selectOneMenu>
                    </div>

                </p:panelGrid>
            </div>
        </p:outputPanel>


        <div class="ui-g-12">
            <h3><b>IOS页面</b></h3>
        </div>
        <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
            <h3><b>Banner区</b></h3>
            <div class="ui-g-2">
                <p:outputLabel value="网页标题"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="iosTitle" value="#{extraTemplateInfoBean.$.iosTitle}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="主题颜色"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu id="iosTheme" value="#{extraTemplateInfoBean.$.iosTheme}"
                                 disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                  noSelectionOption="true"/>
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_THEME]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="banner"/>
            </div>
            <div class="ui-g-1">
                <p:graphicImage id="iosBanner" url="#{extraTemplateInfoBean.$.iosBanner}" width="80"/>
            </div>
            <div class="ui-g-2">
                <p:fileUpload fileUploadListener="#{extraTemplateInfoBean.onUploadIosBanner}"
                              mode="advanced"
                              fileLimit="1"
                              auto="true"
                              fileLimitMessage="只能上传一个文件"
                              invalidFileMessage="不支持上传文件类型"
                              invalidSizeMessage="文件过大"
                              sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                              allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                              label="上传" update="@this iosBanner" process="@this"
                              disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-1">
                <p:commandButton value="删除"
                                 actionListener="#{extraTemplateInfoBean.deleteImg('iosBanner')}"
                                 update="iosBanner" process="@this"
                                 disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
        </div>
        <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
            <h3><b>登记区</b></h3>
            <div class="ui-g-2">
                <p:outputLabel value="登记类型"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu id="iosRegisterType" value="#{extraTemplateInfoBean.$.iosRegisterType}"
                                 disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                  noSelectionOption="true"/>
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_REGISTER_TYPE]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="登记框下信息（单选）"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu id="iosQuestion" value="#{extraTemplateInfoBean.$.iosQuestion}"
                                 disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                  noSelectionOption="true"/>
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_QUESTION]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="按钮文案"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="iosBtnText" value="#{extraTemplateInfoBean.$.iosBtnText}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="按钮下方文案"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="iosBtnBottomText" value="#{extraTemplateInfoBean.$.iosBtnBottomText}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="登记区背景"/>
            </div>
            <div class="ui-g-1">
                <p:graphicImage id="iosRegisterImg" url="#{extraTemplateInfoBean.$.iosRegisterImg}" width="80"/>
            </div>
            <div class="ui-g-2">
                <p:fileUpload fileUploadListener="#{extraTemplateInfoBean.onUploadIosRegisterImg}"
                              mode="advanced"
                              fileLimit="1"
                              auto="true"
                              fileLimitMessage="只能上传一个文件"
                              invalidFileMessage="不支持上传文件类型"
                              invalidSizeMessage="文件过大"
                              sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                              allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                              label="上传" update="@this iosRegisterImg" process="@this"
                              disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-1">
                <p:commandButton value="删除"
                                 actionListener="#{extraTemplateInfoBean.deleteImg('iosRegisterImg')}"
                                 update="iosRegisterImg" process="@this"
                                 disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>

            <div class="ui-g-2">
                <p:outputLabel value="是否展示用户协议"/>
            </div>
            <div class="ui-g-4">
                <p:selectOneMenu  value="#{extraTemplateInfoBean.$.iosIsAgreement}"
                                  disabled="#{extraTemplateInfoBean.isView()}">
                    <f:selectItems
                            value="#{extraTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_AGREEMENT]}"
                            var="dic"
                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                </p:selectOneMenu>
            </div>
        </div>
        <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
            <h3><b>备注区</b></h3>
            <div class="ui-g-2">
                <p:outputLabel value="备注图"/>
            </div>
            <div class="ui-g-1">
                <p:graphicImage id="iosRemarkImg" url="#{extraTemplateInfoBean.$.iosRemarkImg}" width="80"/>
            </div>
            <div class="ui-g-2">
                <p:fileUpload fileUploadListener="#{extraTemplateInfoBean.onUploadIosRemarkImg}"
                              mode="advanced"
                              fileLimit="1"
                              auto="true"
                              fileLimitMessage="只能上传一个文件"
                              invalidFileMessage="不支持上传文件类型"
                              invalidSizeMessage="文件过大"
                              sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                              allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                              label="上传" update="@this iosRemarkImg" process="@this"
                              disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-1">
                <p:commandButton value="删除"
                                 actionListener="#{extraTemplateInfoBean.deleteImg('iosRemarkImg')}"
                                 update="iosRemarkImg" process="@this"
                                 disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
            <div class="ui-g-2">
                <p:outputLabel value="备注区文案"/>
            </div>
            <div class="ui-g-4">
                <p:inputText id="iosRemarkText" value="#{extraTemplateInfoBean.$.iosRemarkText}"
                             disabled="#{extraTemplateInfoBean.isView()}"/>
            </div>
        </div>

        <p:outputPanel id="irecommend" styleClass="ui-g-12 ui-g-nopad">
            <div class="ui-g-12 card ui-g-nopad" style="background-color: #eff1f3;border-radius: 10px;">
                <div class="ui-g-12">
                    <div class="ui-g-4">
                        <p:outputLabel value="是否配置下载推荐"/>
                    </div>
                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.iosDown}"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <p:ajax event="change" process="@this" update="irecommend"/>
                            <f:selectItem itemLabel="否" itemValue="0" noSelectionOption="true"/>
                            <f:selectItem itemLabel="是" itemValue="1"/>
                        </p:selectOneMenu>
                    </div>
                </div>
                <p:panelGrid rendered="#{extraTemplateInfoBean.showIosRecommend()}">
                    <h3><b>推荐区</b></h3>
                    <div class="ui-g-2">
                        <p:outputLabel value="推荐产品1"/>
                    </div>
                    <div class="ui-g-2">
                        <p:outputLabel value="产品id"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.iosDownList.get(0).productId}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductIds}"
                                    var="product"
                                    itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="产品渠道"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.iosDownList.get(0).channelCode}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductChannels}"
                                    var="channel"
                                    itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="推荐产品2"/>
                    </div>
                    <div class="ui-g-2">
                        <p:outputLabel value="产品id"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.iosDownList.get(1).productId}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductIds}"
                                    var="product"
                                    itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="产品渠道"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.iosDownList.get(1).channelCode}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductChannels}"
                                    var="channel"
                                    itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="推荐产品3"/>
                    </div>
                    <div class="ui-g-2">
                        <p:outputLabel value="产品id"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.iosDownList.get(2).productId}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductIds}"
                                    var="product"
                                    itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                        </p:selectOneMenu>
                    </div>

                    <div class="ui-g-2">
                        <p:outputLabel value="产品渠道"/>
                    </div>

                    <div class="ui-g-3">
                        <p:selectOneMenu value="#{extraTemplateInfoBean.iosDownList.get(2).channelCode}"
                                         filter="true" filterMatchMode="contains"
                                         disabled="#{extraTemplateInfoBean.isView()}">
                            <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                            <f:selectItems
                                    value="#{extraTemplateInfoBean.commProductChannels}"
                                    var="channel"
                                    itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                        </p:selectOneMenu>
                    </div>

                </p:panelGrid>
            </div>
        </p:outputPanel>


    </div>
</ui:composition>




